.td-patient-me {

  .me-header {
    width: 100%;
    height: computer(200px);
    background-image: url(../images/patient/me-header-bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

    .me-header-bg {
      border-radius: 50%;
      width: computer(100px);
      height: computer(100px);
      background: #fff;
      position: absolute;
      top: 30%;
      left: 50%;
      transform: translate(-50%, -30%);

      img {
        border-radius: 50%;
        width: computer(90px);
        height: computer(90px);
        margin-left: 5px;
        margin-top: 5px;
      }
    }

    .me-header-user-name {
      color: #fff;
      position: absolute;
      top: 80%;
      left: 50%;
      transform: translate(-50%, -80%);
    }
    .icon-td-shezhi{
      color: #fff;
      font-size: 20px;
      font-weight: bold;
      position: absolute;
      right: 15px;
      top: 15px;  
    }
  }

  .me-menus {
    margin-top: computer(15px);

    .mint-cell {
      .mint-cell-wrapper {
        .mint-cell-title {
          img {
            margin-right: computer(10px);
          }
        }
      }
    }
  }
}
